<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
    </script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/my.css">
    <link rel="stylesheet" href="../css/footer.css">
</head>
<body>
<div id="head">
    <p>拼粮</p><a href=""><i class="iconfont">&#xe638;</i></a>
</div>
<header>
    <div class="headPic">
        <img src="../imgs/zyg.jpeg" alt="">
    </div>
    <p>用户2311</p>
    <i class="iconfont">&#xe62b;</i>
</header>
<section>
    <div class="myBtn">
        <div>
            <i class="iconfont">&#xe62d;</i>
            <p>我的订单</p>
        </div>
        <div>
            <i class="iconfont">&#xe637;</i>
            <p>我的收藏</p>
        </div>
        <div>
            <i class="iconfont">&#xe61d;</i>
            <p>我的评价</p>
        </div>
        <div>
        </div>
    </div>
    <div class="myInfo">
        <ul>
            <li>
                <i class="iconfont" style="width: 0.8rem;text-indent: 0.2rem;">&#xe75a;</i>
                <span style="flex:1;">退款申请</span>
                <i class="iconfont" style="width: 0.5rem;">&#xe60b;</i>
            </li>
            <li>
                <i class="iconfont" style="width: 0.8rem;text-indent: 0.2rem;">&#xe70c;</i>
                <span style="flex:1;">商品咨询</span>
                <i class="iconfont" style="width: 0.5rem;">&#xe60b;</i>
            </li>
            <li>
                <i class="iconfont" style="width: 0.8rem;text-indent: 0.2rem;">&#xe6e4;</i>
                <span style="flex:1;">账户余额</span>
                <i class="iconfont" style="width: 0.5rem;">&#xe60b;</i>
            </li>
            <li>
                <i class="iconfont" style="width: 0.8rem;text-indent: 0.2rem;">&#xe612;</i>
                <span style="flex:1;">在线充值</span>
                <i class="iconfont" style="width: 0.5rem;">&#xe60b;</i>
            </li>
        </ul>
    </div>
</section>
<footer style="position:fixed;bottom:0;">
    <a href=""><i class="iconfont">&#xe658;</i><p>首页</p></a>
    <a href=""><i class="iconfont">&#xe60d;</i><p>分类</p></a>
    <a href=""><i class="iconfont">&#xe726;</i><p>购物车</p></a>
    <a href="" style="color:#37d863;"><i class="iconfont">&#xe67b;</i><p>我的</p></a>
</footer>
</body>
</html>